<template>
  <div class="absolute" :style="usePosition(target).value" v-for="(target, index) in targets" :key="index">
    <img :src="getImageUrl('target.png')" alt="" />
  </div>
</template>

<script setup>
import { useTargetStore } from '@/store/target'
import { storeToRefs } from 'pinia'
import { getImageUrl } from '@/utils/index'
import { usePosition } from '@/composables/usePosition'
const { targets } = storeToRefs(useTargetStore())
</script>

<style lang="scss" scoped></style>
